まず、Collect and Display スクリプトがHTTPサーバーを介して正常に機能するかどうかを確かめます。

.\cnd_manual_a\index.html （このマニュアル）
と
.\cnd_reference_a\index.html （リファレンス・マニュアル）
のそれぞれを使ってテストします。

それぞれ、各ページにある表示サンプルとスクリプトの実行結果を見比べます。
スクリプト実行結果が表示サンプルと全く違っているようであればスクリプトは機能していません。
スクリプト動作の仕様変更、スクリプトが自動生成するパーツ、CSS の影響、ブラウザのバージョンの違い等によって多少の違いはでます。

最後に.\_cnd_template_html5\index.html　（ サイト・テンプレート）
を開いてエラーが出ていないか等、挙動を確かめます。

スクリプトが機能していないようであれば、ここで諦めます。

以下、スクリプトが機能していた場合の続きです

ここからはこのページでリストアイテムを生成して、その結果を確認します。

リストアイテムに登録する画像を Web から2、3選んで下の DROP-ME-IMAGE にドラッグ・アンド・ドロップして下さい。
その際、https://abc.com/abc.jpg のような拡張子で終わる、シンプルな直URLである必要があります。
ドロップ時にエラーが出ず、DROP-ME-IMAGE に画像が表示され、その画像の上にマウスカーソルを移動させたときに「Save」ボタンが現れれば成功です。
なお、画像のドラッグ・アンド・ドロップがうまくいかない場合は、DROP-ME-IMAGE を使った画像の登録をスキップして先に進みます。
DROP-ME-IMAGE は IEに対応できていない状況です。



画像を選択できたら、下の 「ListItemBaseを作成 」ボタンを2回押して下さい。
リストアイテムが生成されれば成功、されなければスクリプトが機能していません。

この下の Textarea の内容を読み込んでリストアイテムを生成します。




スクリプトが機能していた場合、 上の青いエリアにあるで始まる HTML文字列を全てコピーして、 左側のメニューから開ける、このサイトの「リストを作成する（成果）」ページ、 .\cnd_reference_a\lets_get_it_started_res.html をHTMLエディタで開いて、そこに貼り付けて下さい。
続ける場合は「リストを作成する その 2」に進んで下さい